From c7a00b6af188097785f4dd8bcb6959775e3b4933 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Mon, 2 Mar 2026 17:03:23 +0100
Subject: feat: copy changelog release as markdown

---
 apps/web/src/app/changelog/[version]/page.tsx | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

(limited to 'apps/web/src/app/changelog/[version]')

diff --git a/apps/web/src/app/changelog/[version]/page.tsx b/apps/web/src/app/changelog/[version]/page.tsx
index 5b24af1e..af382822 100644
--- a/apps/web/src/app/changelog/[version]/page.tsx
+++ b/apps/web/src/app/changelog/[version]/page.tsx
@@ -12,6 +12,7 @@ import {
 	ReleaseDescription,
 	ReleaseChanges,
 } from "../components/release";
+import { CopyMarkdownButton } from "../components/copy-markdown-button";
 
 type Props = { params: Promise<{ version: string }> };
 
@@ -51,14 +52,20 @@ export default async function ReleaseDetailPage({ params }: Props) {
 					All releases
 				</Link>
 
-				<ReleaseArticle variant="detail">
-					<div className="flex flex-col gap-4">
+			<ReleaseArticle variant="detail">
+				<div className="flex flex-col gap-4">
+					<div className="flex items-center justify-between">
 						<ReleaseMeta release={release} />
-						<ReleaseTitle as="h1">{release.title}</ReleaseTitle>
-						{release.description && (
-							<ReleaseDescription>{release.description}</ReleaseDescription>
-						)}
+						<CopyMarkdownButton
+							description={release.description}
+							changes={release.changes}
+						/>
 					</div>
+					<ReleaseTitle as="h1">{release.title}</ReleaseTitle>
+					{release.description && (
+						<ReleaseDescription>{release.description}</ReleaseDescription>
+					)}
+				</div>
 					<ReleaseChanges release={release} />
 				</ReleaseArticle>
 
-- 
cgit v1.3.1